JavaScript或jQuery模拟点击超链接和按钮

2024-01-20 10:42| 来源: 网络整理| 查看: 265

　　有时候我们需要页面自动点击超链接或者按钮，可以用js或者jQuery利用程序去点击，方法很简单，按钮或超链接代码如下：

1 点击超链接 2 点击按钮

上面是一个超链接和一个按钮，并且超链接和按钮都绑定了点击事件

先看超链接，如果我们打算点击超链接的同时不仅触发事件而且跳转到href的指定链接，可以用：

document.getElementById("alink").click();

这样就可以实现上面的功能，但是如果我只想触发事件而不想跳转呢，方法有两个，第一个是href写上href="javascript:;"

另外的方法是引入jQuery，然后用jQuery点击事件触发

$("#alink").click();

这样就不会跳转了

如果是按钮的话，直接用以下代码：

1 2 //真正的用程序点击按钮 3 document.getElementById("btn").click(); 4 //没有点击按钮，只是执行了按钮所绑定的事件 5 document.getElementById("btn").onclick(); 6

注释已经注明区别了，虽然原理不一样，但是这里对用户来说效果是一样的

既然js能完成这些功能那么补充一下也可以进行表单的提交，过程和模拟点击类似，只是方法不同

表单的按钮如果是button就和模拟点击一样，绑定一个事件，如果按钮是type="submit"，那么给form一个id如：id="form1"那么表单提交可以用下面的方式进行：

1 2 //js提交表单 3 document.getElementById("form1").submit(); 4 //jQuery提交表单 5 $("#form1").submit(); 6

代码很简单，就是用了js中的submit()方法，可以把事件封装到函数中灵活使用，另外提交表单还有一些其他的方法，以上是比较常用的一般方法

【本文地址】

今日新闻